<template>
	<button :disabled="isDisabled" class="btn">
		<text style="font-size: 10px;">{{week}}</text><br>
		<text style="font-weight: 600; font-size: 15px;">{{day}}</text><br>
		<text style="font-size: 10px;">{{info}}</text>
	</button>
</template>

<script setup>
	import { ref, defineProps } from 'vue';
	let isDisabled = ref(false);
	
	let props = defineProps({
	    day: {
	        type: String,
	        default: ref('')
	    },
		week: {
		    type: String,
		    default: ref('')
		},
		info: {
		    type: String,
		    default: ref('')
		},
	})
	
	if(props.info != ''){
		isDisabled.value = true;
	}
</script>

<style>
	.btn{
		width: 45px;
		padding: 4px 0px;
		line-height: 18px;
		margin-bottom: 10px;
	}
</style>